html, body {
  height: 100%;
}

@font-face {
  font-family: 'icon';
  src: url(../iconfont/iconfont.eot) format("eot"), url(../iconfont/iconfont.svg) format("svg"), url(../iconfont/iconfont.ttf) format("ttf"), url(../iconfont/iconfont.woff) format("woff");
}

.icon {
  font-family: 'icon';
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.content {
  width: 91.73333vw;
  margin: auto;
}

.all {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.all .header {
  height: 13.6vw;
}

.all .header .content {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding-top: 2.66667vw;
}

.all .header .content .select {
  width: 13.33333vw;
  height: 6.4vw;
  outline: none;
}

.all .header .content .select option {
  font-size: 3.2vw;
}

.all .header .content .search {
  height: 8vw;
  width: 68vw;
  position: relative;
}

.all .header .content .search i {
  font-size: 3.2vw;
  position: absolute;
  left: 3.2vw;
  top: 2.13333vw;
}

.all .header .content .search .shuru {
  background: #f2f2f2;
  border: 0.13333vw solid #ccc;
  border-radius: 4vw;
  font-size: 3.46667vw;
  line-height: 8vw;
  box-sizing: border-box;
  padding-left: 9.6vw;
}

.all .header .content .hr {
  font-size: 4.8vw;
}

.all .main {
  flex: 1;
  height: calc(100% - vm(102) - vm(163) - vm(278));
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.all .main .banner {
  width: 100%;
  height: 37.06667vw;
  background: url(../images/yidong/tfcr-banner@2x.png) no-repeat center center;
  background-size: 100% 100%;
}

.all .main .content {
  display: flex;
  flex-direction: column;
}

.all .main .content .nav {
  height: 40vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 5.6vw;
}

.all .main .content .nav .nav1 {
  width: 19%;
  height: 17.33333vw;
  background: url(../images/yidong/menu1.png) no-repeat top center;
  background-size: 11.73333vw 11.73333vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.all .main .content .nav .nav1 span {
  font-size: 2.93333vw;
  text-align: center;
}

.all .main .content .nav .nav2 {
  width: 19%;
  height: 17.33333vw;
  background: url(../images/yidong/menu2.png) no-repeat top center;
  background-size: 11.73333vw 11.73333vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.all .main .content .nav .nav2 span {
  font-size: 2.93333vw;
  text-align: center;
}

.all .main .content .nav .nav3 {
  width: 19%;
  height: 17.33333vw;
  background: url(../images/yidong/menu3.png) no-repeat top center;
  background-size: 11.73333vw 11.73333vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.all .main .content .nav .nav3 span {
  font-size: 2.93333vw;
  text-align: center;
}

.all .main .content .xiaoxi {
  height: 3.73333vw;
  display: flex;
  justify-content: space-between;
  margin-top: 7.33333vw;
}

.all .main .content .xiaoxi .xl {
  display: flex;
  justify-content: space-between;
}

.all .main .content .xiaoxi .xl span {
  font-size: 2.93333vw;
  line-height: 3.73333vw;
}

.all .main .content .xiaoxi .xl span:nth-child(1) {
  color: #eb4e49;
}

.all .main .content .xiaoxi .xr {
  font-size: 2.93333vw;
  color: #ccc;
}

.all .main .content .rm {
  height: 65.06667vw;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  box-sizing: border-box;
  padding-top: 8vw;
  border-top: 0.13333vw solid #ccc;
  margin-top: 3.6vw;
}

.all .main .content .rm .rmt {
  font-size: 5.33333vw;
  font-weight: 900;
}

.all .main .content .rm .rmb {
  height: 32vw;
  display: flex;
  display: -webkit-box;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.all .main .content .rm .rmb .rmb1 {
  width: 85.86667vw;
  background: url(../images/yidong/banner2_bg@3x.png) no-repeat center center;
  background-size: 100% 100%;
  margin-right: 2.66667vw;
}

.all .main .content .rm .rmb .rmb2 {
  width: 85.86667vw;
  background: url(../images/yidong/banner3_bg@3x.png) no-repeat center center;
  background-size: 100% 100%;
}

.all .main .content .like {
  display: flex;
  flex-direction: column;
}

.all .main .content .like .lt {
  height: 5.33333vw;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.all .main .content .like .lt .ltl {
  font-size: 5.33333vw;
  line-height: 5.33333vw;
  font-weight: 900;
}

.all .main .content .like .lt .ltr {
  width: 36.66667vw;
  display: flex;
  justify-content: space-between;
}

.all .main .content .like .lt .ltr span {
  font-size: 3.2vw;
}

.all .main .content .like .lt .ltr span:hover {
  color: #de353c;
}

.all .main .content .like .lb {
  display: flex;
  flex-direction: column;
}

.all .main .content .like .lb .lb1 {
  display: flex;
  justify-content: space-between;
  border-bottom: 0.13333vw solid #ccc;
  box-sizing: border-box;
  padding-bottom: 2.66667vw;
  margin-top: 5.33333vw;
}

.all .main .content .like .lb .lb1 .lb1a {
  width: 28vw;
  height: 21.33333vw;
}

.all .main .content .like .lb .lb1 .lb1a img {
  width: 100%;
  height: 100%;
}

.all .main .content .like .lb .lb1 .lb1b {
  height: 21.33333vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.all .main .content .like .lb .lb1 .lb1b .b1 {
  height: 4vw;
  font-size: 4vw;
  line-height: 4vw;
  font-weight: 600;
}

.all .main .content .like .lb .lb1 .lb1b .b2 {
  height: 2.66667vw;
  font-size: 2.66667vw;
  line-height: 2.66667vw;
  color: #9a9a9a;
}

.all .main .content .like .lb .lb1 .lb1b .b3 {
  height: 4vw;
  width: 41.33333vw;
  display: flex;
  justify-content: space-between;
}

.all .main .content .like .lb .lb1 .lb1b .b3 div:nth-child(1) {
  width: 14.4vw;
  font-size: 2.4vw;
  line-height: 4vw;
  text-align: center;
  color: #c2483d;
  background: #ffecee;
}

.all .main .content .like .lb .lb1 .lb1b .b3 div:nth-child(2) {
  width: 14.4vw;
  font-size: 2.4vw;
  line-height: 4vw;
  text-align: center;
  color: #dcb250;
  background: #fff6ed;
}

.all .main .content .like .lb .lb1 .lb1b .b3 div:nth-child(3) {
  width: 14.4vw;
  font-size: 2.4vw;
  line-height: 4vw;
  text-align: center;
  color: #6fa6c5;
  background: #f0f7ff;
}

.all .main .content .like .lb .lb1 .lb1b .b4 {
  width: 33.33333vw;
  height: 3.46667vw;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.all .main .content .like .lb .lb1 .lb1b .b4 .b41 {
  width: 10.66667vw;
  display: flex;
  align-items: flex-end;
}

.all .main .content .like .lb .lb1 .lb1b .b4 .b41 span:nth-child(1) {
  font-size: 3.46667vw;
  font-weight: 600;
  color: #e13036;
}

.all .main .content .like .lb .lb1 .lb1b .b4 .b41 span:nth-child(2) {
  font-size: 2.4vw;
  color: #e13036;
}

.all .main .content .like .lb .lb1 .lb1b .b4 .b42 {
  font-size: 2.4vw;
  line-height: 3.46667vw;
  color: #ccc;
}

.all .footer {
  height: 21.73333vw;
  background: #2f3130;
  color: #9f9f9f;
}

.all .footer .content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.all .footer .content .ft {
  height: 8vw;
  display: flex;
  justify-content: flex-start;
  border-bottom: 0.13333vw solid #ccc;
}

.all .footer .content .ft li {
  height: 2.66667vw;
  border-right: 0.13333vw solid #ccc;
  box-sizing: border-box;
  padding: 1.06667vw;
  font-size: 2.4vw;
  line-height: 2.66667vw;
  margin-top: 2.66667vw;
  display: flex;
  align-items: center;
}

.all .footer .content .fb {
  height: 5.33333vw;
  display: flex;
  justify-content: space-between;
  margin-top: 4vw;
}

.all .footer .content .fb .fbl {
  width: 29.33333vw;
  display: flex;
  justify-content: space-between;
}

.all .footer .content .fb .fbl .fbll {
  width: 13.33333vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.all .footer .content .fb .fbl .fbll .tubiao {
  font-size: 5.06667vw;
}

.all .footer .content .fb .fbl .fbll .wenzi {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.all .footer .content .fb .fbl .fbll .wenzi span {
  font-size: 2.13333vw;
}

.all .footer .content .fb .fbr {
  width: 53.33333vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.all .footer .content .fb .fbr span {
  font-size: 1.06667vw;
  line-height: 1.06667vw;
}
